<template>
  <div id="bottom">
         <v-bottom-navigation
              grow
              app
              background-color="rgba(255, 255, 255,0.5)"
              color="teal"
              light
              height="3rem"
      >
             <v-btn v-for="(item, i) in items" :key="i" :to="item.address">
                 <span>{{item.text}}</span>
                 <v-icon :class="item.icon" ></v-icon>
             </v-btn>
         </v-bottom-navigation>
  </div>
</template>

<script>
  export default {
      props:['type_'],
      data(){
        return{
            items:''
        }
      },
      methods:{
          _begin(){
              switch(this.type_){
                  case 'use':
                      this.items=[
                          { text: '主页', icon: 'iconfont icon-hospital',address:'/home' },
                          { text: '客服', icon: 'iconfont icon-customer',address:'/home' },
                          { text: '我的', icon: 'iconfont icon-wendang',address:'/login' }]
                      break
                  case 'use_ok':
                      this.items=[
                          { text: '主页', icon: 'iconfont icon-hospital',address:'/home' },
                          { text: '客服', icon: 'iconfont icon-customer',address:'/home' },
                          { text: '我的', icon: 'iconfont icon-wendang',address:'/main' }]
                      break
                  case 'adm':
                      this.items=[
                          { text: '主页', icon: 'iconfont icon-hospital',address:'/home' },
                          { text: '客服', icon: 'iconfont icon-customer',address:'/home' },
                          { text: '我的', icon: 'iconfont icon-wendang',address:'/admin' }]
                      break
                  case 'adm_ok':
                      this.items=[
                          { text: '主页', icon: 'iconfont icon-hospital',address:'/home' },
                          { text: '客服', icon: 'iconfont icon-customer',address:'/home' },
                          { text: '我的', icon: 'iconfont icon-wendang',address:'/admmain'}]

              }
          }
      },mounted() {
          this._begin()
      }
  }
</script>

<style  scoped>

</style>
